

 #app{ height: 100%;}

/*全局框架样式*/

.app-layout{
  height: 100%;
}


.app-content {
  position: relative; 
  top: 64px;
  background: #f0f2f5;
}

.app-content-page-header .ant-page-header-heading {
  padding-top: 0px;
}
.app-content-page-header .ant-page-header-heading-left {
  margin-top: 0px;
}

.app-content-page-header .ant-page-header-footer {
  display: none;
}
.app-content-page {
  margin: 0px 16px;
  padding: 18px;
  background: #fff;
  min-height: 200px;
  border-radius: 6px;
}

/* 列表页面样式  list-page */
.app-listpage-search{
clear: both;
 margin-bottom: 20px;
}

.app-listpage-tools{
  clear: both;
  margin-bottom: 10px;
}

.app-listpage-data{
    clear: both;
    margin-bottom: 10px;
}

.app-listpage-data_pagination{
  margin-top: 20px;
}

/** 
 * 编辑页面样式
 */
.app-editpage-header>div{
 padding-left:0 ;
 padding-top:0 ;
}

.app-editpage-content{
  padding-top: 20px;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.webuploader-container {
  position: relative;
}

.webuploader-container >div[id]{
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: 100% !important;
}
 .webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}
 .webuploader-pick {
  position: absolute;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

 .webuploader-pick-disable {
  opacity: 0.6;
  pointer-events: none;
}


::-webkit-scrollbar {/*滚动条整体样式*/
  width: 8px;    
  height: 1px;
  background: #1890ff;
}



::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  width: 6px;   
  border-radius: 3px;
   background-color:  rgba(0,0,0,0.3);
   
}

::-webkit-scrollbar-thumb:hover{
  background: #1890ff;
  width: 20px;
}

::-webkit-scrollbar-track {/*滚动条里面轨道*/
  background: #fff;
}



/************** 以下是表格编辑样式****************/
.editable-cell {
  position: relative;
  }
  .editable-cell .editable-cell-input-wrapper,
  .editable-cell .editable-cell-text-wrapper {
    padding-right: 24px;
  }

  .editable-cell .editable-cell-text-wrapper {
    padding: 5px 24px 5px 5px;
  }

  /* .editable-cell .editable-cell-icon,
  .editable-cell .editable-cell-icon-check {
    position: absolute;
    right: 0;
    width: 20px;
    cursor: pointer;
  } */

  .editable-cell .editable-cell-icon {
    margin-top: 4px;
    display: none;
  }

  .editable-cell .editable-cell-icon-check {
    line-height: 28px;
  }

  .editable-cell .editable-cell-icon:hover,
  .editable-cell .editable-cell-icon-check:hover {
    color: #108ee9;
  }

  .editable-cell .editable-add-btn {
    margin-bottom: 8px;
  }

.editable-cell:hover .editable-cell-icon {
  display: inline-block;
}